<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Quran.fm</title>
        <link href="stylesheets/player.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="soundmanager/css/page-player.css" />
        <!-- optional: annotations/sub-tracks/notes, and alternate themes -->
        <link rel="stylesheet" type="text/css" href="soundmanager/css/optional-annotations.css" />
        <link rel="stylesheet" type="text/css" href="soundmanager/css/optional-themes.css" />
        <script type="text/javascript" src="jquery-1.4.1-vsdoc.js">
        </script>
        <script type="text/javascript" src="soundmanager/script/soundmanager2.js">
        </script>
        <script type="text/javascript" src="soundmanager/script/page-player.js">
        </script>
        <script type="text/javascript" src="player.js">
        </script>
        <script type="text/javascript" src="youq_api.js">
        </script>
        <script type="text/javascript">
 			/* page script goes here*/
        </script>
    </head>
    <html>
        <ul class="playlist">
            <li>
                <!-- <a href="http://i.pinger.pl/paud1239/aedab8ea001a48b0486aa4ec/Evanescence%20-%20My%20Immortal.mp3">Evanescense - My Immortal</a> -->
                <a href="Bella's Lullaby.mp3">Bella's Lullaby</a>
                <div class="metadata">
                    <div class="duration">
                        3:08
                    </div>
                    <!-- total track time (for positioning while loading, until determined -->
                    <ul>
					    <li><p>Dummy</p><span>0:00</span></li>  <!-- Tag Start -->
						<li><p>Start</p><span>1:30</span></li>  <!-- Tag End -->
                        <li><p>End</p><span>2:00</span></li>
                    </ul>
                </div>
            </li>
        </ul>
<!--		
		            <li>
                <a href="http://jighilcyndilauper.webng.com/03_Rocking%20Chair.mp3">My Rocking Chair</a>
            </li>
-->
        <div id="control-template">
            <!-- control markup inserted dynamically after each link -->
            <div class="controls">
                <div class="statusbar">
                    <div class="loading">
                    </div>
                    <div class="position">
                    </div>
                </div>
            </div>
			<div class="favbox">
                   <span class="love">Love</span>
                   <span class="hate">Next</span>

			</div>
            <div class="timing">
                <div id="sm2_timing" class="timing-data">
                    <span class="sm2_position">%s1</span>
                    / <span class="sm2_total">%s2</span>
                </div>
            </div>
            <div class="peak">
                <div class="peak-box">
                    <span class="l"></span>
                    <span class="r"></span>
                </div>
            </div>
        </div>
        <div id="spectrum-container" class="spectrum-container">
            <div class="spectrum-box">
                <div class="spectrum">
                </div>
            </div>
        </div>
    </html>
